/*max-width:411px*/
@media screen and (max-width:411px) {
/*header*/
.top{ display: none;}
.dnnavbj{ display: none;}
.tb{ position:absolute; z-index:9999; top:0px; width:100%;}
#home { width: 100%; overflow: hidden;}
#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 20px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 30px; width: 120px;}
.slider-caption dl{ font-size: 20px; color: #0083f8;}
.slider-caption p { display: none;}
.slider-caption dl span{ color: #636363;}
.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 5px auto;}
.slider-caption dd{ font-size: 14px; color: #0083f8;}
/*logo*/
.dnlonav{display:none;}
.sjlonav{display:block;}
.dnlogo{float:left; width:361px; position:absolute; margin-right:9px;}
.dnnavbj{float:right; width:800px;}
.dytp img{ width: 100%;}
/*导航*/
.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none;}
.menu_icon { float: right; margin-top: 1rem; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-right: 2rem;}
.wrap_menu { width: 300px; position: fixed; top: 0px; left: -300px; height: 100%; text-align: left; z-index: 10000001; background: #000;}
.wrap_menu li:nth-child(2) a { font-size: 18px; font-weight: bold; background: rgba(255, 255, 255, 0.3); }
.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
.wrap_menu li.menu_close { font-size: 20px; position: absolute; top: 10px; right: 15px; color: #fff; border-bottom: none; z-index: 1000;}
.wrap_menu li { margin-bottom: 2px; font-size: 14px; position: relative;}
.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; background: #000; padding: 10px 15px; border-bottom: 1px solid #343434;}
.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255, 255, 255, 0.8); overflow: hidden; line-height: 30px; font-size: 14px;
border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
.wrap_menu_2 { display: none;}
.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
.wrap_menu_2 a span { float: left; width: 250px;}
/*footer*/
.wap_footer { width: 100%; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 1000; background: #252525; }
.wap_footer dl { width: 25%; float: left; text-align: center; }
.wap_footer dt { height: 33px;}
.wap_footer dd { color: #fff;}
.fnav{ width: 100%; line-height: 35px; color: #636363;}
.fnav li{ float: left;}
.fnav li a{ padding: 0px 15px; color: #636363; font-size: 12px;}
.flx{ color: #636363; line-height: 30px; padding-left: 10px; margin-top: 20px;}
.flx a{ color: #636363;}
.yqlj{ line-height: 68px; border-bottom: 1px solid #EBEBEB; color: #636363;}
.yqlj dt{ width: 18%; float: left; font-size: 12px;}
.yqlj a{ color: #636363;}
/*内页*/
.ileft{ display: none;}
.iright{ width:100%;}
.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
.icpfl dt span {font-size: 14px;font-weight: normal;}
.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#808080;}
.mup span a:hover{color:#3490CA;}
.inews span{ display: none;}
.nr video{ width: 100% !important;}
/*关于我们*/
.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
.gywm{ background: #fff; padding: 0px 10px 10px 10px; margin: 0px 10px;}
.gyb{ line-height: 28px; color: #676767; font-size: 13px;}
.gsmore{ margin: 0px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
.gsmore a{ color: #fff; font-size: 16px;}
/*产å“ä¸å¿ƒ*/
.index_title{ text-align: center;}
.index_title .p1{ font-size: 30px; color: #818181; text-transform: Capitalize;}
.index_title .p2{ height: 25px; width: 2px; background-color: #35b0fe; margin: 5px auto 5px; transform: rotate(60deg);}
.index_title .p3{ font-size: 18px; color: #000; }
.pro{ padding: 30px 0 50px;}
.pro_type_list{ text-align: center; margin-top: 35px; }
.pro_type_list li{ display: inline-block; }
.pro_type_list li a{ display: block; padding: 10px 0px; color: #818181; font-size: 16px; border-radius:16px; position: relative;}
.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
.pro_type_list li a:hover{ color: #fff;}
.pro_list{ margin: 55px 0px 0;}
.pro_list li{ padding: 0 6px; float: left; overflow: hidden;}
.pro_list li .image img{ width: 100%; }
.pro_list li .text{ position: relative; text-align: center; padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px; transition: all 0.6s;}
.pro_list li .text .p1{ font-size: 30px; color: #686868;}
.pro_list li .text .p2{ width: 25px;height: 2px;background-color: #fff; margin: 25px auto 5px; display: none;}
.pro_list li .text .p3{ color: #2d261b; font-size: 22px; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li .text .p4{ margin: 25px 0 15px;color: #999999; line-height: 24px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;}
.pro_list li .text .p5{ width: 140px; height: 36px; line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
.pro_list li:hover .text{ background: #35b0fe; margin-top: -70px; height: 355px; padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
.pro_list li:hover .text p{ color: #fff !important;}
.pro_list li:hover .text .p5{ color: #35b0fe !important;}
.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
.pro_list li:hover .text a{ color: #fff !important;}
/*产å“ä¸å¿ƒ*/
.rytp{}
.rytp a{width:100% !important;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}
.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s; width: 100%; height: auto;}
.rytp a img:hover{transform:scale(0.9);}
.rytp p{line-height:40px;height:40px;text-align:center;}
/*æ–°é—»ä¸å¿ƒ*/
.news{ padding: 70px 0 50px; background-color: #F1F1F1;}
.news .news_list{ margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
.news .news_list li a{ display: block; position: relative; overflow: hidden;}
.news .news_list li a>div{ padding: 0;}
.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(3) a>div{ float: right;}
.news .news_list li a .image img{ width: 100%; opacity: 1;}
.news .news_list li a .text{ text-align: center; padding: 0 25px 0; font-size: 13px; position: relative; background-color: #fff; box-sizing: border-box;}
.news .news_list li a .text:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
right: -20px; top: 50%; margin-top: -10px;}
.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
border-left-color:transparent;}
.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 16px; margin-top: 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 10px auto;}
.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;}
.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
}
.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(3) a:hover .text{ position: absolute; left: 0; width: 100%; top: 0; transition: all linear 0.5s;
}
.news .news_list li:nth-child(2) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute; right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
.news .news_list li a:hover .text:before{ display: none;}
.news .news_list li a:hover .text .p1{ margin-top: 30px;}
.news .news_list li a:hover .text .p2{ width: 20px; margin: 18px auto 10px;}
.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
}
/* 412-767px */
@media(min-width:412px)and (max-width:767px) {
/*header*/
.top{ display: none;}
.dnnavbj{ display: none;}
.tb{ position:absolute; z-index:9999; top:0px; width:100%;}
#home { width: 100%; overflow: hidden;}
#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 20px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 30px; width: 120px;}
.slider-caption dl{ font-size: 20px; color: #0083f8;}
.slider-caption p { display: none;}
.slider-caption dl span{ color: #636363;}
.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 5px auto;}
.slider-caption dd{ font-size: 14px; color: #0083f8;}
/*logo*/
.dnlonav{display:none;}
.sjlonav{display:block;}
.dnlogo{float:left; width:361px; position:absolute; margin-right:9px;}
.dnnavbj{float:right; width:800px;}
.dytp img{ width: 100%;}
/*产å“ä¸å¿ƒ*/
.rytp{}
.rytp a{width:100% !important;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}
.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s; width: 100%; height: auto;}
.rytp a img:hover{transform:scale(0.9);}
.rytp p{line-height:40px;height:40px;text-align:center;}
/*导航*/
.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none;}
.menu_icon { float: right; margin-top: 1rem; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-right: 2rem;}
.wrap_menu { width: 300px; position: fixed; top: 0px; left: -300px; height: 100%; text-align: left; z-index: 10000001; background: #000;}
.wrap_menu li:nth-child(2) a { font-size: 18px; font-weight: bold; background: rgba(255, 255, 255, 0.3); }
.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
.wrap_menu li.menu_close { font-size: 20px; position: absolute; top: 10px; right: 15px; color: #fff; border-bottom: none; z-index: 1000;}
.wrap_menu li { margin-bottom: 2px; font-size: 14px; position: relative;}
.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; background: #000; padding: 10px 15px; border-bottom: 1px solid #343434;}
.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255, 255, 255, 0.8); overflow: hidden; line-height: 30px; font-size: 14px;
border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
.wrap_menu_2 { display: none;}
.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
.wrap_menu_2 a span { float: left; width: 250px;}
/*footer*/
.wap_footer { width: 100%; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 1000; background: #252525; margin-top: 20px;}
.wap_footer dl { width: 25%; float: left; text-align: center; }
.wap_footer dt { height: 33px;}
.wap_footer dd { color: #fff;}
.fnav{ width: 100%; line-height: 35px; color: #636363;}
.fnav li{ float: left;}
.fnav li a{ padding: 0px 15px; color: #636363; font-size: 12px;}
.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
.flx a{ color: #636363;}
.yqlj{ line-height: 68px; border-bottom: 1px solid #EBEBEB; color: #636363;}
.yqlj dt{ width: 18%; float: left; font-size: 12px;}
.yqlj a{ color: #636363;}
/*内页*/
.ileft{ display: none;}
.iright{ width:100%;}
.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
.icpfl dt span {font-size: 14px;font-weight: normal;}
.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#808080;}
.mup span a:hover{color:#3490CA;}
.nr video{ width: 100% !important;}
/*关于我们*/
.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
.gywm{ background: #fff; padding: 20px 20px; margin: 0px 20px;}
.gyb{ line-height: 28px; color: #676767; font-size: 13px;}
.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
.gsmore a{ color: #fff; font-size: 16px;}
/*产å“ä¸å¿ƒ*/
.index_title{ text-align: center;}
.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
.index_title .p2{ height: 25px; width: 2px; background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
.index_title .p3{ font-size: 18px; color: #000; }
.pro{ padding: 75px 0 110px;}
.pro_type_list{ text-align: center; margin-top: 35px; }
.pro_type_list li{ display: inline-block; }
.pro_type_list li a{ display: block; padding: 10px 0px; color: #818181; font-size: 16px; border-radius:16px; position: relative;}
.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
.pro_type_list li a:hover{ color: #fff;}
.pro_list{ margin: 55px 0px 0;}
.pro_list li{ padding: 0 6px; float: left; overflow: hidden;}
.pro_list li .image img{ width: 100%; }
.pro_list li .text{ position: relative; text-align: center; padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px; transition: all 0.6s;}
.pro_list li .text .p1{ font-size: 30px; color: #686868;}
.pro_list li .text .p2{ width: 25px;height: 2px;background-color: #fff; margin: 25px auto 5px; display: none;}
.pro_list li .text .p3{ color: #2d261b; font-size: 22px; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li .text .p4{ margin: 25px 0 15px;color: #999999; line-height: 24px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;}
.pro_list li .text .p5{ width: 140px; height: 36px; line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
.pro_list li:hover .text{ background: #35b0fe; margin-top: -70px; height: 355px; padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
.pro_list li:hover .text p{ color: #fff !important;}
.pro_list li:hover .text .p5{ color: #35b0fe !important;}
.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
.pro_list li:hover .text a{ color: #fff !important;}
/*æ–°é—»ä¸å¿ƒ*/
.news{ padding: 70px 0 50px; background-color: #F1F1F1;}
.news .news_list{ margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
.news .news_list li a{ display: block; position: relative; overflow: hidden;}
.news .news_list li a>div{ padding: 0;}
.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(3) a>div{ float: right;}
.news .news_list li a .image img{ width: 100%; opacity: 1;}
.news .news_list li a .text{ text-align: center; padding: 0 25px 0; font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
.news .news_list li a .text:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
right: -20px; top: 50%; margin-top: -10px;}
.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
border-left-color:transparent;}
.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 20px auto;}
.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;}
.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
}
.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(3) a:hover .text{ position: absolute; left: 0; width: 100%; top: 0; transition: all linear 0.5s;
}
.news .news_list li:nth-child(2) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute; right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
.news .news_list li a:hover .text:before{ display: none;}
.news .news_list li a:hover .text .p1{ margin-top: 70px;}
.news .news_list li a:hover .text .p2{ width: 20px; margin: 18px auto 10px;}
.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
}
/* 768-1023 */
@media (min-width:768px)and (max-width:1023px) {
/*header*/
.sjlonav{ display: none;}
.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
#home { width: 100%; overflow: hidden;}
#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
.slider-caption dl{ font-size: 56px; color: #0083f8;}
.slider-caption p { font-size: 12px; color: #999999;}
.slider-caption dl span{ color: #636363;}
.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
.slider-caption dd{ font-size: 30px; color: #0083f8;}
.sbj{ margin: 50px auto;}
/*logo*/
.dnlonav{display:block; padding-top: 20px;}
.sjlonav{display:none;}
.dnlogo{float:left; width:30%; position:absolute;}
.dnlogo img{ width: 95%;}
.dnnavbj{float:right; width:65%;}
/*导航*/
#nav{ width:100%; display: flex; justify-content: space-between;}
#nav li{text-align: center;line-height: 60px;}
#nav li a{display:block;text-align:center;font-size:14px;color: #686868;}
#nav li span{ display: inline-block; position: relative;}
#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #35b0fe;position: absolute;left: 1px; bottom: 18px;transition: all 0.6s; }
#nav li:hover>a span:before{width: 72px;transition: all 0.6s;}
#nav li dl{width:250px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -10px;}
#nav li dl dt{line-height:44px;}
#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
#nav li:hover dl{left:auto;}
.yqlj{ line-height: 68px; border-bottom: 1px solid #EBEBEB; color: #636363;}
.yqlj dt{ width: 10%; float: left; font-size: 14px;}
.yqlj a{ color: #636363;}
/*footer*/
.wap_footer{ display: none;}
.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
.fnav li{ float: left;}
.fnav li a{ padding: 0px 15px; color: #636363; font-size: 16px;}
.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
.flx a{ color: #636363;}
/*内页*/
.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
.iright{ width:77%; float:left;margin-bottom: 20px;}
.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
.icpfl dt span {font-size: 14px;font-weight: normal;}
.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#808080;}
.mup span a:hover{color:#3490CA;}
.nr video{ width: 100% !important;}
/*关于我们*/
.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
.gywm{ background: #fff; padding: 30px 40px; margin: 0px 40px;}
.gyb{ padding-top: 20px; line-height: 28px; color: #676767; font-size: 16px;}
.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
.gsmore a{ color: #fff; font-size: 16px;}
/*产å“ä¸å¿ƒ*/
.index_title{ text-align: center;}
.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
.index_title .p2{ height: 25px; width: 2px; background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
.index_title .p3{ font-size: 18px; color: #000; }
.pro{ padding: 75px 0 110px;}
.pro_type_list{ text-align: center; margin-top: 35px; }
.pro_type_list li{ display: inline-block; }
.pro_type_list li a{ display: block; padding: 10px 0px; color: #818181; font-size: 16px; border-radius:16px; position: relative;}
.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
.pro_type_list li a:hover{ color: #fff;}
.pro_list{ margin: 55px 0px 0;}
.pro_list li{ padding: 0 6px; float: left; overflow: hidden;}
.pro_list li .image img{ width: 100%; }
.pro_list li .text{ position: relative; text-align: center; padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px; transition: all 0.6s;}
.pro_list li .text .p1{ font-size: 30px; color: #686868;}
.pro_list li .text .p2{ width: 25px;height: 2px;background-color: #fff; margin: 25px auto 5px; display: none;}
.pro_list li .text .p3{ color: #2d261b; font-size: 22px; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li .text .p4{ margin: 25px 0 15px;color: #999999; line-height: 24px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;}
.pro_list li .text .p5{ width: 140px; height: 36px; line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
.pro_list li:hover .text{ background: #35b0fe; margin-top: -70px; height: 355px; padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
.pro_list li:hover .text p{ color: #fff !important;}
.pro_list li:hover .text .p5{ color: #35b0fe !important;}
.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
.pro_list li:hover .text a{ color: #fff !important;}
/*æ–°é—»ä¸å¿ƒ*/
.news{ padding: 70px 0 50px; background-color: #F1F1F1;}
.news .news_list{ margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
.news .news_list li a{ display: block; position: relative; overflow: hidden;}
.news .news_list li a>div{ padding: 0;}
.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(3) a>div{ float: right;}
.news .news_list li a .image img{ width: 100%; opacity: 1;}
.news .news_list li a .text{ text-align: center; padding: 0 25px 0; font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
.news .news_list li a .text:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
right: -20px; top: 50%; margin-top: -10px;}
.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
border-left-color:transparent;}
.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 20px auto;}
.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;}
.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
}
.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(3) a:hover .text{ position: absolute; left: 0; width: 100%; top: 0; transition: all linear 0.5s;
}
.news .news_list li:nth-child(2) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute; right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
.news .news_list li a:hover .text:before{ display: none;}
.news .news_list li a:hover .text .p1{ margin-top: 70px;}
.news .news_list li a:hover .text .p2{ width: 20px; margin: 18px auto 10px;}
.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
}
/* 1024-1199 */
@media(min-width:1024px)and (max-width:1199px) {
/*header*/
.sjlonav{ display: none;}
.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
#home { width: 100%; overflow: hidden;}
#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
.slider-caption dl{ font-size: 56px; color: #0083f8;}
.slider-caption p { font-size: 12px; color: #999999;}
.slider-caption dl span{ color: #636363;}
.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
.slider-caption dd{ font-size: 30px; color: #0083f8;}
.sbj{ margin: 50px auto;}
/*logo*/
.dnlonav{display:block; padding-top: 20px;}
.sjlonav{display:none;}
.dnlogo{float:left; width:30%; position:absolute;}
.dnlogo img{ width: 95%;}
.dnnavbj{float:right; width:65%;}
/*导航*/
#nav{ width:100%; display: flex; justify-content: space-between;}
#nav li{text-align: center;line-height: 80px;}
#nav li a{display:block;text-align:center;font-size:18px;color: #686868;}
#nav li span{ display: inline-block; position: relative;}
#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #35b0fe;position: absolute;left: 1px; bottom: 18px;transition: all 0.6s; }
#nav li:hover>a span:before{width: 72px;transition: all 0.6s;}
#nav li dl{width:250px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -10px;}
#nav li dl dt{line-height:44px;}
#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
#nav li:hover dl{left:auto;}
.yqlj{ line-height: 68px; border-bottom: 1px solid #EBEBEB; color: #636363;}
.yqlj dt{ width: 10%; float: left; font-size: 18px;}
.yqlj a{ color: #636363;}
/*footer*/
.wap_footer{ display: none;}
.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
.fnav li{ float: left;}
.fnav li a{ padding: 0px 25px; color: #636363; font-size: 16px;}
.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
.flx a{ color: #636363;}
.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
.iright{ width:77%; float:left;margin-bottom: 20px;}
.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
.icpfl dt span {font-size: 14px;font-weight: normal;}
.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#808080;}
.mup span a:hover{color:#3490CA;}
/*关于我们*/
.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
.gywm{ background: #fff; padding: 40px 40px; margin: 0px 40px;}
.gyb{ padding-top: 20px; line-height: 35px; color: #676767; font-size: 16px;}
.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
.gsmore a{ color: #fff; font-size: 16px;}
/*产å“ä¸å¿ƒ*/
.index_title{ text-align: center;}
.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
.index_title .p2{ height: 25px; width: 2px; background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
.index_title .p3{ font-size: 18px; color: #000; }
.pro{ padding: 75px 0 110px;}
.pro_type_list{ text-align: center; margin-top: 35px; }
.pro_type_list li{ display: inline-block; }
.pro_type_list li a{ display: block; padding: 10px 0px; color: #818181; font-size: 16px; border-radius:16px; position: relative;}
.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
.pro_type_list li a:hover{ color: #fff;}
.pro_list{ margin: 55px 0px 0;}
.pro_list li{ padding: 0 6px; float: left; overflow: hidden;}
.pro_list li .image img{ width: 100%; }
.pro_list li .text{ position: relative; text-align: center; padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px; transition: all 0.6s;}
.pro_list li .text .p1{ font-size: 30px; color: #686868;}
.pro_list li .text .p2{ width: 25px;height: 2px;background-color: #fff; margin: 25px auto 5px; display: none;}
.pro_list li .text .p3{ color: #2d261b; font-size: 22px; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li .text .p4{ margin: 25px 0 15px;color: #999999; line-height: 24px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;}
.pro_list li .text .p5{ width: 140px; height: 36px; line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
.pro_list li:hover .text{ background: #35b0fe; margin-top: -70px; height: 355px; padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
.pro_list li:hover .text p{ color: #fff !important;}
.pro_list li:hover .text .p5{ color: #35b0fe !important;}
.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
.pro_list li:hover .text a{ color: #fff !important;}
/*æ–°é—»ä¸å¿ƒ*/
.news{ padding: 70px 0 50px; background-color: #F1F1F1;}
.news .news_list{ margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
.news .news_list li a{ display: block; position: relative; overflow: hidden;}
.news .news_list li a>div{ padding: 0;}
.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(2) a>div{ float: right;}
.news .news_list li a .image img{ width: 100%; opacity: 1;}
.news .news_list li a .text{ text-align: center; padding: 0 25px 0; font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
.news .news_list li a .text:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
right: -20px; top: 50%; margin-top: -10px;}
.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
border-left-color:transparent;}
.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; }
.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;}
.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
}
.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(2) a:hover .text{ position: absolute; left: 0; width: 100%; top: 0; transition: all linear 0.5s;
}
.news .news_list li:nth-child(3) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute; right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
.news .news_list li a:hover .text:before{ display: none;}
.news .news_list li a:hover .text .p1{ margin-top: 70px;}
.news .news_list li a:hover .text .p2{ width: 20px; margin: 18px auto 10px;}
.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
}
/* 1200-1399 */
@media(min-width:1200px)and (max-width:1399px) {
/*header*/
.sjlonav{ display: none;}
.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
#home { width: 100%; overflow: hidden;}
#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
.slider-caption dl{ font-size: 56px; color: #0083f8;}
.slider-caption p { font-size: 12px; color: #999999;}
.slider-caption dl span{ color: #636363;}
.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
.slider-caption dd{ font-size: 30px; color: #0083f8;}
.sbj{ margin: 50px auto;}
/*logo*/
.dnlonav{display:block; padding-top: 20px;}
.sjlonav{display:none;}
.dnlogo{float:left; width:400px; position:absolute; margin-right:10px;}
.dnnavbj{float:right; width:790px;}
/*导航*/
#nav{ width:790px; display: flex; justify-content: space-between;}
#nav li{text-align: center;line-height: 100px;}
#nav li a{display:block;text-align:center;font-size:18px;color: #686868;}
#nav li span{ display: inline-block; position: relative;}
#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #35b0fe;position: absolute;left: 1px; bottom: 28px;transition: all 0.6s; }
#nav li:hover>a span:before{width: 72px;transition: all 0.6s;}
#nav li dl{width:250px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -20px;}
#nav li dl dt{line-height:44px;}
#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
#nav li:hover dl{left:auto;}
/*footer*/
.wap_footer{ display: none;}
.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
.fnav li{ float: left;}
.fnav li a{ padding: 0px 25px; color: #636363; font-size: 16px;}
.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
.flx a{ color: #636363;}
.yqlj{ line-height: 68px; border-bottom: 1px solid #EBEBEB; color: #636363;}
.yqlj dt{ width: 10%; float: left; font-size: 18px;}
.yqlj a{ color: #636363;}
/*内页*/
.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
.iright{ width:77%; float:left;margin-bottom: 20px;}
.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
.icpfl dt span {font-size: 14px;font-weight: normal;}
.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#808080;}
.mup span a:hover{color:#3490CA;}
/*关于我们*/
.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
.gywm{ background: #fff; padding: 40px 40px; margin: 0px 40px;}
.gyb{ padding-top: 20px; line-height: 40px; color: #676767; font-size: 16px;}
.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
.gsmore a{ color: #fff; font-size: 16px;}
/*产å“ä¸å¿ƒ*/
.index_title{ text-align: center;}
.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
.index_title .p2{ height: 25px; width: 2px; background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
.index_title .p3{ font-size: 18px; color: #000; }
.pro{ padding: 75px 0 110px;}
.pro_type_list{ text-align: center; margin-top: 35px; }
.pro_type_list li{ display: inline-block; }
.pro_type_list li a{ display: block; padding: 10px 0px; color: #818181; font-size: 16px; border-radius:16px; position: relative;}
.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
.pro_type_list li a:hover{ color: #fff;}
.pro_list{ margin: 55px 0px 0;}
.pro_list li{ padding: 0 6px; float: left; overflow: hidden;}
.pro_list li .image img{ width: 100%; }
.pro_list li .text{ position: relative; text-align: center; padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px; transition: all 0.6s;}
.pro_list li .text .p1{ font-size: 30px; color: #686868;}
.pro_list li .text .p2{ width: 25px;height: 2px;background-color: #fff; margin: 25px auto 5px; display: none;}
.pro_list li .text .p3{ color: #2d261b; font-size: 22px; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li .text .p4{ margin: 25px 0 15px;color: #999999; line-height: 24px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;}
.pro_list li .text .p5{ width: 140px; height: 36px; line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
.pro_list li:hover .text{ background: #35b0fe; margin-top: -70px; height: 355px; padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
.pro_list li:hover .text p{ color: #fff !important;}
.pro_list li:hover .text .p5{ color: #35b0fe !important;}
/*æ–°é—»ä¸å¿ƒ*/
.news{ padding: 70px 0 50px; background-color: #F1F1F1;}
.news .news_list{ margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
.news .news_list li a{ display: block; position: relative; overflow: hidden;}
.news .news_list li a>div{ padding: 0;}
.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(2) a>div{ float: right;}
.news .news_list li a .image img{ width: 100%; opacity: 1;}
.news .news_list li a .text{ text-align: center; padding: 0 25px 0; font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
.news .news_list li a .text:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
right: -20px; top: 50%; margin-top: -10px;}
.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
border-left-color:transparent;}
.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 35px auto 25px; }
.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;}
.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
}
.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(2) a:hover .text{ position: absolute; left: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
}
.news .news_list li:nth-child(3) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{
position: absolute; right: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
}
.news .news_list li a:hover .text:before{ display: none;}
.news .news_list li a:hover .text .p1{ margin-top: 70px;}
.news .news_list li a:hover .text .p2{ width: 20px; margin: 18px auto 10px;}
.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
}
/* 1400 */
@media(min-width:1400px) {
/*header*/
.sjlonav{ display: none;}
.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
#home { width: 100%; overflow: hidden;}
#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
.slider-caption dl{ font-size: 56px; color: #0083f8;}
.slider-caption p { font-size: 12px; color: #999999;}
.slider-caption dl span{ color: #636363;}
.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
.slider-caption dd{ font-size: 30px; color: #0083f8;}
.sbj{ margin: 50px auto;}
/*logo*/
.dnlonav{display:block; padding-top: 20px;}
.sjlonav{display:none;}
.dnlogo{float:left; width:400px; position:absolute; margin-right:10px;}
.dnnavbj{float:right; width:790px;}
/*导航*/
#nav{ width:790px; display: flex; justify-content: space-between;}
#nav li{text-align: center;line-height: 100px;}
#nav li a{display:block;text-align:center;font-size:18px;color: #686868;}
#nav li span{ display: inline-block; position: relative;}
#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #35b0fe;position: absolute;left: 1px; bottom: 28px;transition: all 0.6s; }
#nav li:hover>a span:before{width: 72px;transition: all 0.6s;}
#nav li dl{width:300px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -20px;}
#nav li dl dt{line-height:44px;}
#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
#nav li:hover dl{left:auto;}
/*footer*/
.wap_footer{ display: none;}
.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
.fnav li{ float: left;}
.fnav li a{ padding: 0px 25px; color: #636363; font-size: 16px;}
.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
.flx a{ color: #636363;}
.yqlj{ line-height: 68px; border-bottom: 1px solid #EBEBEB; color: #636363;}
.yqlj dt{ width: 7%; float: left; font-size: 18px;}
.yqlj a{ color: #636363;}
/*内页*/
.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
.iright{ width:77%; float:left;margin-bottom: 20px;}
.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
.icpfl dt span {font-size: 14px;font-weight: normal;}
.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#808080;}
.mup span a:hover{color:#3490CA;}
/*关于我们*/
.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
.gywm{ background: #fff; padding: 40px 40px;}
.gyb{ padding-top: 20px; line-height: 40px; color: #676767; font-size: 16px;}
.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
.gsmore a{ color: #fff; font-size: 16px;}
/*产å“ä¸å¿ƒ*/
.index_title{ text-align: center;}
.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
.index_title .p2{ height: 25px; width: 2px; background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
.index_title .p3{ font-size: 18px; color: #000; }
.pro{ padding: 75px 0 110px;}
.pro_type_list{ text-align: center; margin-top: 35px; }
.pro_type_list li{ display: inline-block; }
.pro_type_list li a{ display: block; padding: 10px 0px; color: #818181; font-size: 16px; border-radius:16px; position: relative;}
.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
.pro_type_list li a:hover{ color: #fff;}
.pro_list{ margin: 55px 0px 0;}
.pro_list li{ padding: 0 6px; float: left; overflow: hidden;}
.pro_list li .image img{ width: 100%; }
.pro_list li .text{ position: relative; text-align: center; padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px; transition: all 0.6s;}
.pro_list li .text .p1{ font-size: 30px; color: #686868;}
.pro_list li .text .p2{ width: 25px;height: 2px;background-color: #fff; margin: 25px auto 5px; display: none;}
.pro_list li .text .p3{ color: #2d261b; font-size: 22px; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li .text .p4{ margin: 25px 0 15px;color: #999999; line-height: 24px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;}
.pro_list li .text .p5{ width: 140px; height: 36px; line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
.pro_list li:hover .text{ background: #35b0fe; margin-top: -70px; height: 355px; padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
.pro_list li:hover .text p{ color: #fff !important;}
.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
.pro_list li:hover .text a{ color: #fff !important;}
/*æ–°é—»ä¸å¿ƒ*/
.news{ padding: 70px 0 50px; background-color: #F1F1F1;}
.news .news_list{ margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
.news .news_list li a{ display: block; position: relative; overflow: hidden;}
.news .news_list li a>div{ padding: 0;}
.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(2) a>div{ float: right;}
.news .news_list li a .image img{ width: 100%; opacity: 1;}
.news .news_list li a .text{ text-align: center; padding: 0 25px 0; font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
.news .news_list li a .text:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
right: -20px; top: 50%; margin-top: -10px;}
.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
border-left-color:transparent;}
.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 35px auto 25px; }
.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;}
.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
}
.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(2) a:hover .text{ position: absolute; left: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
}
.news .news_list li:nth-child(3) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{
position: absolute; right: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
}
.news .news_list li a:hover .text:before{ display: none;}
.news .news_list li a:hover .text .p1{ margin-top: 70px;}
.news .news_list li a:hover .text .p2{ width: 20px; margin: 18px auto 10px;}
.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
}
.nrys{ font-size: 14px; line-height: 32px;}
.titleSet{ font-size:20px;}
.p_news{}
.p_news li{ width: 46%; margin: 0px 4% 0px 0px; float: left; border-bottom: 1px solid #ccc; background: url(../images/icon.png) no-repeat 15px center; line-height: 35px;}
.p_news li span{ float: right; padding-right: 20px; color: #333;}
.p_news a{ color: #333; padding-left: 35px;}
}
.clear{clear:both;}
#footer{ width:100%; background: #fff; }
#banquan{text-align: center; background: #052634; color: #a2a2a2}
#banquan1{text-align: center; background: #1C2227; color: #a2a2a2}
#banquan1 a{color: #a2a2a2}
.copyright{ margin:45px 50px 0px 50px; border-top:1px solid #fff; color:#cbcbcb; padding:15px 0px;}
.gsjj2{ background-color:#fff; margin:50px 0px;box-shadow:#6d6d6d 0px 0px 10px; border-radius:5px; padding:20px 20px 40px 20px;}
.contentn{ font-size:14px; line-height:36px;}
.contentn img{ width: 100%;}
.titleSet{ font-size:20px;}
.smallC{ border-bottom:1px solid #ccc; padding:10px 0px; color:#999; margin-bottom:10px;}
.article1{ color:#999; margin-top:15px;}
.article1 a{ color:#999;}
.article2{ color:#999;margin-top:15px;}
.article2 a{ color:#999;}
.syxwbt{ font-size:14px; color:#000; font-weight:bold; border-bottom:1px solid #000; padding-bottom:10px;white-space:nowrap; overflow:hidden;}
.syxwsj{ color:#999; padding:5px 0px;}
.syxwnr{ color:#999; line-height:22px;}
.iys{ border:2px solid #CCCCCC; padding:50px 0px;}
.iys img{-webkit-transition:-webkit-transform 2s;}
.iys img:hover{-webkit-transform: rotate(360deg);}
.iys li{ color:#000000; font-size:16px; margin-top:30px;}
.iys p{ background:url(../images/line.png) no-repeat center bottom; color:#999999; font-size:14px; text-transform:uppercase; padding-bottom:20px; height:60px;}
.ry{ color:#fff;}
.ry p{ font-weight:bold; font-size:40px; margin-top:49px;}
.ry p b{ color:#fce822;}
.ry li{ font-size:20px;}
.ry span{ text-transform:uppercase; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.more{ background-color:#ED5348; width:25%; height:40px; line-height:40px; text-align:center; margin-top:80px;}
.more a{ color:#fff; font-size:16px;}
.xwzx li{ border:1px solid #ccc; overflow:hidden;}
.xwzx li img{cursor:pointer;transition:all 0.6s;}
.xwzx li img:hover{transform: scale(1.1);}
.xwzx ol{ color:#222; font-size:16px; margin:5px 0px;}
.xwzx p{ color:#999999; line-height:22px;}
.xwzx dl{ font-size:14px; color:#555555;}
.xwzx dl span{ background-color:#0083F8; padding:3px 10px; color:#fff; margin-right:5px;}
.xwzx dt{ border:1px solid #ccc; padding:5px; margin-top:10px;}
.xwzx dt a{ color:#555555;}
.hzhb img{cursor:pointer;transition:all 0.6s;}
.hzhb img:hover{transform: scale(1.1);}